import Vue from 'vue'
import App from './App.vue'
// 1. 引入vuex
import Vuex from 'vuex'

// 2. 将vuex注册到vue中
Vue.use(Vuex); // Vue.use()实际上是调用了Vuex中的install()方法.

// 3. 实例化vuex对象
const store = new Vuex.Store({
    // 5. 实例化vuex的构造参数: state/mutations/actions 
    state: {
        // 存储状态
        ids: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    },
    // 6. 相当于vuex中的计算属性
    getters: {
        // 找出数组中大于5的数字
        getList: state => state.ids.filter(item => item > 5)
    }
});

Vue.config.productionTip = false

new Vue({
    render: h => h(App),
    store // 4. 将Vuex(或叫store)对象挂载到根组件中.
}).$mount('#app')